<template>
  <div>
    <div class="comment">
      <img class="header-img1" :src="imgUrl" alt="">
      <div class="text">
        <p class="username">芮儿<span>22分钟前</span></p>
        <p>大爱楼主推荐，赞赞赞！</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name:"Comment",
  data() {
    return {
      imgUrl: require("../../assets/userPic/userPic_80_05.png")
    }
  }
}
</script>

<style scoped>
 .comment{
    float: left;
    width: 100%;
    margin-bottom: 0.533rem;
  }
  .header-img1{
    width: 1.067rem;
    margin-left: 0.267rem;
    float: left;
  }
  .text{
    float: left;
    margin-left: 0.453rem;
    width: 80%;
  }
  .text p{
    margin-top: -0.053rem;
    margin-bottom: 0.32rem;
    color: #808080;
    font-size: 0.29rem;
    text-align: left;
  }
  .text .username{
    font-size: 0.36rem;
    color: #808080;
  }
  .username span{
    float: right;
    font-size: 0.31rem;
    margin-right: 0.267rem;
    color: #808080;
  }
</style>
